<style scoped>

</style>
<template>
<div class="box">
    <h1>{{cc}}</h1>
    <!-- <h1>{{cddc}}</h1> -->
    <h1>{{a}}</h1>
    <h3>{{ getNum }}</h3>
    <h3>{{ nnnnn }}</h3>
    <h3>{{ gg }}</h3>
    <button @click="add">add</button>
</div>
</template>

<script>
import {mapState,mapGetters} from 'vuex';
export default {
    data (){
        return {}
    },
    methods:{
        add(){
            console.log(this.$store.state.yaowengang.cc);
            this.$store.commit('yaowengang/setCc',20);
            this.$store.commit('consoleText')
        },
    },
    computed:{
        ...mapState({
            a:state=> state.yaowengang.cc,
            cc:state=>state.ccc.cc
        }),
        ...mapGetters('yaowengang',['getNum']),
        ...mapGetters('yaowengang',{nnnnn:'getNum'}),
        ...mapGetters({
            gg:'yaowengang/getNum'
        })
        // ...mapState('yaowengang',['cc']),
        // ...mapState('yaowengang',{cc:'cc'}),
        // ...mapState('ccc',{cddc:'cc'})
        // ...mapState('ccc',['cc']),
    }
}
</script>